.search-data-insight-hit {
    &:hover {
        .search-data-insight-hit__title {
            text-decoration: underline;
        }
    }

    @include sm-only {
        scroll-snap-align: start;
    }

    &:only-child .search-data-insight-hit__image-container {
        @include sm-only {
            width: 100%;
        }
    }
}

.search-data-insight-hit__image-container {
    @include aspect-ratio(1);

    border: 1px solid $blue-10;
    margin-bottom: 16px;

    @include sm-only {
        width: 76vw;
    }
}

.search-data-insight-hit__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.search-data-insight-hit__date {
    @include h6-black-caps;
    color: $blue-60;
    margin-bottom: 4px;
}

.search-data-insight-hit__title {
    @include body-1-bold;
    margin: 0;
    color: $blue-90;
}
